<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
		<!--IE用最新版本渲染-->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>车型展示</title>
		<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css" />
		<link rel="stylesheet" type="text/css" href="../css/index.css" />
		<link rel="stylesheet" type="text/css" href="../css/base.css" />
		<script type="text/javascript" src="../js/logo.js"></script>
		<script type="text/javascript" src="../js/jquery.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/exhibit.css"/>
		<link rel="stylesheet" type="text/css" href="../css/max.css" media="screen and (min-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="../css/min_max.css" media="screen and (min-width:990px) and (max-width:1135px)" />
		<link rel="stylesheet" type="text/css" href="../css/min.css" media="screen and (max-width:990px)" />
		<meta content="telephone=no,email=no" name="format-detection" />
	</head>

	<body>
		<div class="container">
			<div class="box">
				<div class="lion-cat clearfix">
				<a href="#">狮友汇<span>&nbsp;&nbsp;></span></a>
				<a href="#"><span class="br">天猫</span>旗舰店<span>&nbsp;&nbsp;></span></a>
			</div>
				<aside>
					<div class="logo">
						<div class="logo_btn">
							<span></span> 菜单
						</div>
					</div>
					<ul>
						<li>
							<a href="index.html" class="aside_a">首页</a>
						</li>
						<li>
							<a href="exhibit.html" class="aside_a">车型展示</a>
							<div class="none nav1">
								<h2><a href="#">车型展示</a></h2>
								<h4><a href="#">快速选车</a></h4>
								<ul>
									<li>>
										<a href="#">轿车</a>
									</li>
									<li>>
										<a href="#">SUV</a>
									</li>
									<li>>
										<a href="#">自动</a>
									</li>
									<li>>
										<a href="#">手动</a>
									</li>
								</ul>
								<div>
									<h4><a href="#">所有车型</a></h4>
									<p>>
										<a href="#">5008</a>
										<a href="#">4008</a>
										<a href="#">3008</a>
										<a href="#">2008</a>
										<a href="#">508</a>
									</p>
									<p>>
										<a href="#">408</a>
										<a href="#">308S</a>
										<a href="#">308</a>
										<a href="#">301</a>
									</p>
								</div>
							</div>
						</li>
						<li>
							<a href="order.html" class="aside_a">购车助手</a>
							<div class="none nav1">
								<h2><a href="#">购车助手</a></h2>
								<ul class="clearfix aid">
									<li>>
										<a href="#">预约试驾</a>
									</li>
									<li>>
										<a href="#">经销商查询</a>
									</li>
									<li>>
										<a href="#">车型手册</a>
									</li>
									<li>>
										<a href="#">购车计算器</a>
									</li>
									<li>>
										<a href="#">金融方案</a>
									</li>
									<li>>
										<a href="#">促销活动</a>
									</li>
									<li>>
										<a href="#">天猫购车</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="dealer.html" class="aside_a">经销商查询</a>

						</li>
						<li>
							<a href="serve.html" class="aside_a">车主服务</a>
							<div class="none nav1">
								<h2><a href="#">车主服务</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">服务品牌</a>
									</li>
									<li>
										<a href="#">蓝色关爱</a>
									</li>
									<li>
										<a href="#">售后政策</a><br />>
										<a href="#">质量担保</a><br />>
										<a href="#">紧急救援</a>
									</li>
									<li>
										<a href="#">保养查询</a><br />>
										<a href="#">按车型查询</a><br />>
										<a href="#">保养规范</a>
									</li>
									<li>
										<a href="#">用车指南</a><br />>
										<a href="#">用车知识</a><br />>
										<a href="#">使用说明书</a>
									</li>
									<li style="border:0px;">
										<a href="#"></a>
									</li>
									<li>
										<a href="#">售后天猫旗舰店</a>
										<a href="#">预约维保</a>
										<a href="#">车主俱乐部</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="world.html" class="aside_a">品牌天地</a>
							<div class="none nav1">
								<h2><a href="#">品牌天地</a></h2>
								<ul class="clearfix serve">
									<li>
										<a href="#">品牌发展</a><br />>
										<a href="#">标致历史</a><br />>
										<a href="#">标致运动</a><br />>
										<a href="#">东风标致发展</a>
									</li>
									<li>
										<a href="#">标致概念车</a><br />>
										<a href="#">标致概念汽车</a><br />>
										<a href="#">标志概念摩托车</a><br />>
										<a href="#">标致概念脚踏车</a>
									</li>
									<li>
										<a href="#">产品向上</a>
									</li>
									<li>
										<a href="#">技术向上</a><br />>
										<a href="#">PureTech</a><br />>
										<a href="#">ADAS</a><br />>
										<a href="#">Blue-i</a>
									</li>
									<li>
										<a href="#">体验向上</a><br />>
										<a href="#">标致大道</a><br />>
										<a href="#">蓝色关爱品牌</a>
									</li>
									<li>
										<a href="#">品牌新闻</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="guide.html" class="aside_a">金融服务</a>
						</li>
					</ul>
				</aside>
				<nav>
					<div class="nav_min"><span></span>菜单</div>
					<div class="nav_img">
						<img src="../img/mobile-logo.png" />
						<img src="../img/mobile_logo2.png" />
					</div>
					<ul class="none">
						<li>
							<a href="#">首页</a>
						</li>
						<li>
							<a href="#">车型展示</a>
						</li>
						<li>
							<a href="#">购车助手</a>
						</li>
						<li>
							<a href="#">经销商查询</a>
						</li>
						<li>
							<a href="#">车主服务</a>
						</li>
						<li>
							<a href="#">品牌天地</a>
						</li>
						<li>
							<a href="#">金融服务</a>
						</li>
					</ul>
				</nav>
				<section>
					<div class="min_map">
						<span>车型展示</span>
						<p><a href="#">首页</a>&nbsp;>&nbsp;<a href="#">车型展示</a></p>
					</div>
					<div class="choice">
						<h4>快速选车 <span>></span></h4>
						<div class="prm">
							<p>类型</p>
							<p>
								<a href="#">
									<span><img src="../img/car0.png" /></span>
									轿车</a>
								<a href="#">
									<span><img src="../img/car3.png" /></span>
									越野车</a>
							</p>
							<div class="clearfix">
								<div>
									<div>价格</div>
									<div>
										<div class="min" onmousedown="min()" onmouseup="minup()"></div>
										<div class="max" onmousedown="max()" onmouseup="maxup()"></div>
									</div>
									<div class="clearfix"><span>90,000</span><span>300,000</span></div>
								</div>
								<div>
									<div>排量</div>
									<div>
										<div class="minL" onmousedown="minL()" onmouseup="minLup()"></div>
										<div class="maxL" onmousedown="maxL()" onmouseup="maxLup()"></div>
									</div>
									<div class="clearfix"><span>1.2L</span><span>2L</span></div>
								</div>
							</div>
							<p>变速箱</p>
							<p class="check">
								<span>手动</span>
								<span>自动</span>
							</p>
							<p>
								<span></span>
								<span></span>
								<span></span>
							</p>
						</div>
						<ul class="clearfix">
							<li>
								<a href="#">东风标致5008</a>
								<a href="#">
									<img src="../img/20170417074943426.png" />
									<img src="../img/1.png" />
								</a>
								<span>18.77万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致4008</a>
								<a href="#">
									<img src="../img/20161027025837466.png" />
									<img src="../img/2.png" />
								</a>
								<span>18.57万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致3008</a>
								<a href="#">
									<img src="../img/20161027025914563.png" />
									<img src="../img/3.png" />
								</a>
								<span>14.07万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致2008</a>
								<a href="#">
									<img src="../img/20161027025932793.png" />
									<img src="../img/4.png" />
								</a>
								<span>9.97万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致508</a>
								<a href="#">
									<img src="../img/20161027030709865.png" />
									<img src="../img/5.png" />
								</a>
								<span>12.97万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致408</a>
								<a href="#">
									<img src="../img/20161027030444805.png" />
									<img src="../img/6.png" />
								</a>
								<span>12.97万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致308S</a>
								<a href="#">
									<img src="../img/20161027030502959.png" />
									<img src="../img/7.png" />
								</a>
								<span>11.27万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致308</a>
								<a href="#">
									<img src="../img/20170417070744379.png" />
									<img src="../img/8.png" />
								</a>
								<span>9.97万元起*</span>
								<a href="#">探索</a>
							</li>
							<li>
								<a href="#">东风标致301</a>
								<a href="#">
									<img src="../img/20170316042726513.png" />
									<img src="../img/9.png" />
								</a>
								<span>8.47万元起*</span>
								<a href="#">探索</a>
							</li>
						</ul>
					</div>
					<footer>
						<ul class="clearfix">
							<li>
								<a href="#">需要帮助吗？</a>
								<a href="#">联系我们</a>
								<a href="#">网站声明</a>
							</li>
							<li>
								<a href="#">发现更多</a>
								<a href="#">大客户服务</a>
								<a href="#">经销商联盟</a>
								<a href="#">诚狮二手车</a>
								<a href="#">加入我们</a>
								<a href="#">友情链接</a>
							</li>
							<li>
								<a href="#">官方平台</a>
								<span>客户服务</span>
								<span>400-8877-108</span>
								<span class="tiny">
									<img src="../img/img1.png" />
									<img src="../img/img2.png" />
									<img src="../img/img3.png" />
									<div class="mic none">
										<img src="../img/peugeot-qrcode.jpg" />
									</div>
									<div class="flag none">
										<a href="#">东风标致官方旗舰店</a>
										<a href="#">东风标致售后旗舰店</a>
									</div>
								</span>
							</li>
						</ul>
						<p class="clearfix">
							<span>预约试驾</span>
							<span>品牌新闻</span>
						</p>
						<div class="map">
							<h4>网站地图<span>></span></h4>
							<ul class="clearfix">
								<li>
									<a href="#">首页</a>
								</li>
								<li>
									<a href="#">车型展示</a>
									<a href="#">SUV</a>
									<a href="#">轿车</a>
									<a href="#">手动</a>
									<a href="#">自动</a>
								</li>
								<li>
									<a href="#">购车助手</a>
									<a href="#">预约试驾</a>
									<a href="#">经销商查询</a>
									<a href="#">车型手册</a>
									<a href="#">购车计算器</a>
									<a href="#">金融方案</a>
									<a href="#">促销活动</a>
									<a href="#">天猫购车</a>
								</li>
								<li>
									<a href="#">金融服务</a>
									<a href="#">贷款指南</a>
									<a href="#">金融方案</a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
									<a href="#"></a>
								</li>
								<li>
									<a href="#">车主服务</a>
									<a href="#">服务品牌</a>
									<a href="#">蓝色关爱</a>
									<a href="#">售后政策</a>
									<a href="#">保养查询</a>
									<a href="#">用车指南</a>
									<a href="#">售后天猫旗舰店</a>
									<a href="#">预约维保</a>
									<a href="#">车主俱乐部</a>
								</li>
								<li>
									<a href="#">品牌天地</a>
									<a href="#">品牌发展</a>
									<a href="#">标致概念车</a>
									<a href="#">产品向上</a>
									<a href="#">技术向上</a>
									<a href="#">体验向上</a>
									<a href="#">品牌新闻</a>
								</li>
							</ul>
							<span><a href="#">网站地图</a></span>
						</div>
					</footer>
					<p>&copy;东风标致版权所有 京ICP备05021113号</p>
				</section>
			</div>
		</div>
		<a class="up"></a>
		<script type="text/javascript">
			$(document).ready(function() {
				$(".map h4").click(function() {
					$(".map ul").slideToggle();
					$(".map>span").slideToggle();
				})
				$(".choice h4>span").click(function() {
					 if(this.innerText==">"){
					 	this.innerText="<";
					 }
					 else{
					 	this.innerText=">";
					 }
					$(".prm").slideToggle();
					
				});
				$(".nav_min").click(function(){
					if($("nav>ul").css("display")=="none"){
						$(this).children().css({
							"background":"url(../img/logo_btn2.png) no-repeat center top",
							"background-size":"50% 100%"
						})
					}else{
						$(this).children().css({
							"background":"url(../img/logo_btn1.png) no-repeat left top",
							"background-size":"100% 100%"
						})
					}
					$("nav>ul").slideToggle(1000);
				})
			})
			var mins=document.getElementsByClassName("min")[0];
			var maxs=document.getElementsByClassName("max")[0];
			var minLs=document.getElementsByClassName("minL")[0];
			var maxLs=document.getElementsByClassName("maxL")[0];
			var x;
			function min(){
				x=event.clientX;
				mins.onmousemove=function(){
					mins.style.left=event.clientX-x+"px";
					if((event.clientX-x)<0){
						mins.style.left="0px"
					}
					if((event.clientX-x)>240){
						mins.style.left="240px"
					}
				}
				
			}
			function minup(){
				mins.onmousemove=function(){}
			}
		</script>
	</body>

</html>